@import "../../../sassmixins/mixins";

.widget {
  background-color: #fafafa;
  width: 80px;
  height: 80px;
  position: relative;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  float: left;
  @include box-sizing;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin: 9px;
  padding: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);

}

.container {
  @include clearfix;

  .left {
    float: left;
    width: 200px;
    @include clearfix;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
  }

  .right {
    float: left;

    .frame_container {
      position: relative;
    }
    .frame {
      width: 400px;
      margin-left: 20px;
      border: 1px solid #d9d9d9;
      border-radius: 4px;
    }
  }

  .output {
    float: left;
    margin-left: 20px;
    word-break: break-all;
    width: 250px;
  }
}

body {

  .ant-form-item {
    margin-bottom: 12px;
  }

  .ant-card-body {
    padding: 12px;
  }

  .ant-card-head {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;

    .ant-card-head-title {
      font-size: 12px;
      font-weight: 500;
    }
  }

  .ant-card-extra {
    right: 12px;
    top: 6px;
  }
}